/**************************************
* @update: 2020-04-25   LiLinBin  [创建文件]
* @update: 2020-05-11   LiLinBin  [完成webpack加载此文件]
* 
* @description: less全局的公共变量,此文件已启用,可在下面添加全局变量
*****************************************/

@charset 'utf-8';


//1.品牌色Brand 深
@Brand_1: #0871FF;
@Brand_2: #005BD6;
@Brand_3: #338AFF;
@Brand_4: #004199; 
@Brand_5: rgba(0, 35, 82, 0.6);


//2.品牌色Brand 浅
/* @Light_Brand_1: #0871FF;
@Light_Brand_2: #3D8FFF;
@Light_Brand_3: #005BD6;
@Light_Brand_4: #A3CAFF;
@Light_Brand_5: #D6E8FF; */


//3.功能色
    // 3.1成功
@Success_1: #00D632;
@Success_2: #00A326;
@Success_3: #16F34A;
@Success_4: #00701A;
@Success_5: rgba(255, 255, 255, 0.85);

    // 3.2提示,警告
@Warning_1: #FF7700;
@Warning_2: #CC5F00;  
@Warning_3: #FF9233;
@Warning_4: #994700;
@Warning_5: rgba(255, 255, 255, 0.85);

    // 3.2错误
@Error_1: #DD222B;
@Error_2: #B11B22;  
@Error_3: #E84A51;
@Error_4: #85141A;
@Error_5: rgba(255, 255, 255, 0.85);



// 4.文字
@Text_1: #FFFFFF;
@Text_2: rgba(255, 255, 255, 0.85);
@Text_3: rgba(255, 255, 255, 0.45);
@Text_4: rgba(255, 255, 255, 0.2);
@Text_5: #FFFFFF;
@Text_6: #0871FF;


// 5.模块,布局
@Gray_1: #4C586B;
@Gray_2: #3F495A;
@Gray_3: #333A48;
@Gray_4: #282E39;
@Gray_5: #1E222A;
@Gray_6: #191D24;
@Gray_7: #111418;


// 6.字体
    // 6.1常规
        // 6.1.1 五级文字/常规/12px/行高20px
.normal_1() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

        // 6.1.2 四级文字/常规/14px/行高22px
.normal_2() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

        // 6.1.3 三级文字/常规/16px/行高24px
.normal_3() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
} 

        // 6.1.4 二级文字/常规/20px/行高28px
.normal_4() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

        // 6.1.5 一级文字/常规/36px/行高44px
.normal_5() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
}


    //6.2 加粗
        // 6.2.1 五级文字/加粗/12px/行高20px
.bold_1() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}
        // 6.2.2 四级文字/加粗/14px/行高22px
.bold_2() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

        // 6.2.3 三级文字/加粗/16px/行高24px
.bold_3() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

        // 6.2.4 二级文字/加粗/20px/行高28px
.bold_4() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}

        // 6.2.5 一级文字/加粗/36px/行高44px
.bold_5() {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}



// 7.阴影
@Shadow_1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);

@Shadow_2: 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);

@Shadow_3: 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);



// 8.圆角
.border_radius() {
    border-radius: 2px;
}



// 9.hover
@hover_bg_color: @Brand_4;
@hover_color: @Text_1;











//A:配色
@primary_color : #1377ff;             //强调色
@text_color_primary:#333333;         //主文本
@text_color_secondary: #666666;     //次文本
@text_color_remark: #999999;        //注释文本
@bg_color_linear_x: linear-gradient(270deg,#27b5b3 0%,#0d73e7 100%);  //横向渐变背景色
@bg_color_linear_y: linear-gradient(180deg, #0078d7 0%, #27b5b3 100%);  //垂直渐变背景色

@panel_radius:6px;                      //面板圆角
@panel_color:#fff;                   //面板底色
@panel_color_primary:#e8e8e8;        //主面板
@panel_color_secondary:#d3d3d3;     //次面板
@panel_color_auxiliary:#c0c0c0;     //辅助面板
@panel_box_shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);         //面板阴影
//B:字体
@font_family: 'YaHei UI';
@fontSize_title: 16px;
@fontSize_primary: 14px;
@fontSize_secondary: 12px;

//边框
@border_color_base: #aaaaaa;

//C:图标
@fontSize_icon_first: 20px;
@fontSize_icon_second: 14px;

//D:按钮
@input_color:@text_color_primary;
@input_bg_color:#fff;
@input_border: 1px solid @panel_color_secondary;
@button_w: 100px;
@button_h: 32px;
@button_color: @primary_color;
@button_bg_color: #ffffff;
@button_border: 1px solid @primary_color;
@button_radius: 4px;

@button_hover_bg_color: rgba(19, 119, 255, 0.2);
@button_hover_border: 1px solid @primary_color;

@button_select_color: #fff;
@button_select_bg_color: @primary_color;
@button_select_border: 1px solid @primary_color;

@button_disable_color: #d3d3d3;
@button_disable_bg_color: #aaaaaa;
@button_disable_border: 1px solid #d3d3d3;

@button_ok_color: #fff;
@button_ok_bg_color: @primary_color;
@button_ok_border: 1px solid @primary_color;

@button_cancel_color: #aaaaaa;
@button_cancel_bg_color: #fff;
@button_cancel_border: 1px dashed #aaaaaa;

//E:控件样式
@first_select_color:#fff;
@first_select_bg_color: rgba(0,0,0,0.2);

@second_hover_color:#fff;
@second_hover_bg_color: rgba(19, 119, 255, 0.3);
@second_select_color:#fff;
@second_select_bg_color: @primary_color;

@editor_bg_color: #c0c0c0;
@editor_rule_color: #000;
@editor_rule_bg_color: #d3d3d3;
@editor_rule_bg_image_x: url("/images/background/rule_x_black_100.png");
@editor_rule_bg_image_y: url("/images/background/rule_y_black_100.png");